<template>
  <div class="sideNavContainer">
    <el-menu
      :default-active="activeIndex"
      background-color="#545c64"
      text-color="#fff"
      active-text-color="#ffd04b"
      router
    >
      <el-menu-item index="/systemManagement/deviceCollection">
        <i><img src="../assets/icon2/cjsbgl.png" alt="" /></i>
        <span slot="title">采集设备管理</span>
      </el-menu-item>
      <el-menu-item index="/systemManagement/warningThreshold">
        <i><img src="../assets/icon2/yjgl (2).png" alt="" /></i>
        <span slot="title">预警阈值管理</span>
      </el-menu-item>
      <el-menu-item index="/systemManagement/warningNotice">
        <i><img src="../assets/icon2/yjtzgl.png" alt="" /></i>
        <span slot="title">预警通知管理</span>
      </el-menu-item>
      <el-menu-item index="/systemManagement/monitor">
        <i><img src="../assets/icon2/jctgl.png" alt="" /></i>
        <span slot="title">监测体管理</span>
      </el-menu-item>
      <el-menu-item index="/systemManagement/referenceSystem">
        <i><img src="../assets/icon2/ckxgl.png" alt="" /></i>
        <span slot="title">参考系管理</span>
      </el-menu-item>
      <el-menu-item index="/systemManagement/statisticalReport">
        <i><img src="../assets/icon2/tjbb (2).png" alt="" /></i>
        <span slot="title">统计报表</span>
      </el-menu-item>
      <el-menu-item index="/systemManagement/dataDownload">
        <i><img src="../assets/icon2/sjxz.png" alt="" /></i>
        <span slot="title">数据下载</span>
      </el-menu-item>
      <el-menu-item index="/systemManagement/userManagement">
        <i><img src="../assets/icon2/yhgl.png" alt="" /></i>
        <span slot="title">用户管理</span>
      </el-menu-item>
      <el-menu-item index="/systemManagement/roleManagement">
        <i><img src="../assets/icon2/jsgl.png" alt="" /></i>
        <span slot="title">角色管理</span>
      </el-menu-item>
      <el-menu-item index="/systemManagement/authorityManagement">
        <i><img src="../assets/icon2/qxgl.png" alt="" /></i>
        <span slot="title">权限管理</span>
      </el-menu-item>
      <el-menu-item index="/systemManagement/logManagement">
        <i><img src="../assets/icon2/rzgl.png" alt="" /></i>
        <span slot="title">日志管理</span>
      </el-menu-item>
      <el-menu-item index="/systemManagement/versionUpdate">
        <i><img src="../assets/icon2/bbgx.png" alt="" /></i>
        <span slot="title">版本更新</span>
      </el-menu-item>
      <el-menu-item index="/systemManagement/instructions">
        <i><img src="../assets/icon2/sysm.png" alt="" /></i>
        <span slot="title">使用说明</span>
      </el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  name: "aisdeNav",
  data() {
    return {
      activeIndex: null,
    };
  },
  created() {
    let path = this.$route.path;
    this.activeIndex = path;
  },
};
</script>

<style lang='less' scoped>
.sideNavContainer {
  height: 100%;
  .el-menu {
    height: 100%;
    i {
      margin-right: 5px;
    }
  }
}
</style>
